<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>注册</title>
    <link rel="stylesheet" href="/Public/FrozenUI/css/frozen.css">
    <link rel="stylesheet" href="/Public/FrozenUI/css/demo.css">
    <link rel="stylesheet" href="/Public/Admin/bootstrap/css/font-awesome.min.css">
</head>
<body ontouchstart="">

<section id="form" style="color:#999999">
    <div class="demo-item" style="margin-top:100px">
        <div class="demo-block">
            <div style="text-align:center;margin:15px">
                <img src="/Public/App/images/logo.png" alt="" style="width:75px;height:75px">
                <p style="color:#7F7F7F;font-weight:bolder">积分管理系统</p>
            </div>
        </div>
    </div>
    <div class="demo-item">
        <div class="demo-block">
            <div class="ui-form">
                <form action="#">
                    <div class="ui-form-item  ui-form-item-textarea  ui-border-radius" style="padding:0;height:40px;margin:10px 25px">
                        <label style="text-align:center;margin-top:5px;width:55px">
                            <i class="ui-icon-personal"></i>
                        </label>
                        <input type="text" placeholder="用户名" style="padding-left:55px"/>
                        <a href="#" class="ui-icon-close" style="color:#65CEA6;margin-top:5px;font-size:36px">
                        </a>
                    </div>
                    <div class="ui-form-item ui-form-item-textarea  ui-border-radius" style="padding:0;height:40px;margin:10px 25px">
                        <label style="text-align:center;margin-top:5px;width:55px">
                            <i class="fa fa-lock" aria-hidden="true" style="color:#9b9b9b;font-size:24px"></i>
                        </label>
                        <input type="password" placeholder="密码" style="padding-left:55px"/>
                    </div>
                    <div class="ui-form-item ui-form-item-textarea  ui-border-radius" style="padding:0;height:40px;margin:10px 25px">
                        <label style="text-align:center;margin-top:5px;width:55px">
                            <i class="fa fa-lock" aria-hidden="true" style="color:#9b9b9b;font-size:24px"></i>
                        </label>
                        <input type="password" placeholder="确认密码" style="padding-left:55px"/>
                    </div>
                    <div style="margin:10px 25px">
                        <button class="ui-btn-lg" style="background:#65CEA7;color:#fff">
                            注册
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<script src="/Public/FrozenUI/lib/zepto.min.js"></script>
<script src="/Public/FrozenUI/js/frozen.js"></script>
<script>
    $(document).ready(function(){
        //底部颜色转换
        $('#footer-ui li').each(function(){
            $(this).click(function(){
                $('#footer-ui li').css('color','');
                $('#footer-ui li div').css('color','');
                $(this).css('color','#65CEA7');
                $(this).children('div').css('color','#000');
            });
        });
    });
</script>
</body>
</html>
